<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<lv-group lvGutter='8px'>
    <div class="disk-all-table restore-lv-paginator-simple">
        <div class="total-disk">
            {{ 'common_select_disk_label' | i18n }}
        </div>
        <lv-pro-table #totalDataTable [config]="leftTableConfig" [data]="totalTableData"></lv-pro-table>
    </div>
    <div class="arrow-container">
        <i lv-icon="lv-icon-arrow-next" class="auto-protect-help" lvColorState='true'></i>
    </div>
    <div class="disk-selected-table restore-lv-paginator-simple">
        <div class="select-disk">
            <span>
                {{ 'common_selected_disk_label' | i18n }} 
            </span>
            <span class="aui-link delete-all" (click)="clearSelected()">{{'common_clear_all_label' |i18n}}</span>
        </div>
        <lv-pro-table #selectDataTable [config]="rightTableConfig" [data]="selectionData"></lv-pro-table>
    </div>
</lv-group>

<ng-template #capacityTpl let-item>
    <div class="delete-operator">
        <span lv-overflow>{{item.capacity | capacityCalculateLabel:'1.1-3':unitconst.GB:true}}</span>
    </div>
</ng-template>
<ng-template #operationTpl let-item>
    <div class="delete-operator">
        <span lv-overflow>{{item.capacity | capacityCalculateLabel:'1.1-3':unitconst.GB:true}}</span>
        <i lv-icon="lv-icon-close" lvTooltipTheme="light" lvColorState='true' (click)="removeSingle(item)"></i>
    </div>
</ng-template>